Vue.component("my_button", {
    // 定义组件模板
    template: "<button type='button' @click='fun1()'>组件按钮(被点击次数{{num}})</button>",
    // 定义方法
    methods: {
        fun1(){
            this.num += 1
        }
    },
    /*
        data功能和Vue实例中的相同, 但自定义组件中的data是一个函数! 并且用返回值的方式定义属性,如下:
    */
    data(){
        return{
            num: 0
        }
    }
});
// 创建vue对象
var vm = new Vue({
    el: "#app",
    data: {
        msg: "Hello Vue"
    }
});